<template>
  <div class="oneToOneDetails">
    <x-header style="background-color:#ffda34;" :left-options="{backText: ''}">
      一对一捐助
    </x-header>
    <div class="project-head-img">
      <img src="../../images/onetoone.png"/>
    </div>
    <div class="project-content">
      <div class="pro-content">
        <p class="juanzhuduixiang">捐助对象</p>
        <p class="proText">{{obj.helpName}}  <span style="font-size: 12px;font-weight: 100;color: #999999;">&nbsp;&nbsp;&nbsp;&nbsp;{{obj.helpSex}} &nbsp;&nbsp;&nbsp;<span v-show="obj.age > 0">{{obj.age}}岁</span></span></p>
        <p class="faqijigou">{{obj.infomation.province}}  {{obj.infomation.city}}  {{obj.infomation.country}}</p>
        <p class="jianjie" v-html="obj.infomation.helpContent"></p>
        <ul class="imageList">
          <li>
            <img :src="imageUrl.imageUrl + obj.infomation.helpIdCardUrl" alt="">
          </li>
          <li>
            <img :src="imageUrl.imageUrl + obj.infomation.hospital_url" alt="">
          </li>
          <li>
            <img :src="imageUrl.imageUrl + obj.infomation.pool_url" alt="">
          </li>
          <li></li>
        </ul>
      </div>
    </div>
    <div class="context">
      <p style="font-size: 12px;color: #999999;">捐助项目</p>
      <p style="font-size: 14px;color: #333333;font-weight: bold" v-html="obj.eventName"></p>
      <p style="font-size: 12px;margin-top: 10px;color: #999999;">捐助金额</p>
      <p style="font-size: 14px;color: #ff4318;font-weight: bold">{{obj.amount}}元</p>
      <p style="line-height: 20px" v-html="obj.helpWay"></p>
    </div>
    <div class="yesBtn" @click="goPayment">确认资助</div>
    <div class="agreecho">
      <input type="checkbox" checked v-model="checked">同意并接受 <span style="color: #333333;">《亲青筹用户协议》</span>
    </div>
    <div class="zhuyi">
      <p>注意事项:</p>
      <p>1:为保护受助人隐私，将加密展示受助人的姓名信息；</p>
      <p>2:捐助支付会跳转网页，捐款成功后请返回善园公益填</p>
      <p>写您的收信地址，后续将不定期收到善款使用情况</p>
    </div>
  </div>
</template>
<style lang="scss" src='./oneToOneDetails.scss'></style>
<script src="./oneToOneDetails.js"></script>
